:root{
  --white:#fff;
  --black:#000;
  --text-red:#e55b50;
  --text-red-deep:#e0253c;
  --text-green:#68a4ac;
  --text-green1:#9dcb95;
  --text-green2:#569aa2;
  --text-yellow:#ffb027;
  --text-yellow2:#f69f5d;
  --text-icon-yellow:#ffcc2e;
  --text-lv:#d1af52;
  --text-black:#151515;
  --text-black-deep:#000000;
  --text-gray:#717171;
  --text-gray2:#c3c3c3;
  --text-gray3:#6e6e6e;
  --text-gray4:#646464;
  --text-gray5:#a4915e;
  --text-white:#fff;
  --text-white2:#f7f6f6;
  --text-white3:#f7f7f7;
  --text-blue:#00aeec;
  --text-blue2:#6cb0ee;
  --bgc-white:#ffffff;
  --bgc-blue:#40c5f1;
  --bgc-yellow:#ffc533;
  --bgc-yellow2:#f5d39f;
  --bgc-yellow3:#ffe9d8;
  --bgc-black2:#666666;
  --bgc-green:#f3f9fa;
  --bgc-gray:#f5f5f5;
  --bgc-gray-deep:#e2e5e7;
  --bgc-gray2:#fafafa;
  --bgc-gray3:#fcfcfc;
  --bgc-gray5:#f2f2f2;
  --bgc-gray6:#f0f0f0;
  --bgc-red-deep:#e0253c;
  --bgc-red:#f24c4c;
  --bgc-red2--deep:#fd3b59;
  --bgc-red2:#ed6460;
  --bgc-black:#000000;
  --border-gray:#ebecec;
  --home-red:#e20a33;
}
// :root[theme="black"]{
//   --white:#000;
//   --black:#fff;
//   --text-red:#e55b50;
//   --text-green:#68a4ac;
//   --text-green1:#9dcb95;
//   --text-green2:#569aa2;
//   --text-yellow:#ffb027;
//   --text-yellow2:#f69f5d;
//   --text-icon-yellow:#ffcc2e;
//   --text-lv:#d1af52;
//   --text-black:#fff;
//   --text-gray:#717171;
//   --text-gray2:#c3c3c3;
//   --text-gray3:#6e6e6e;
//   --text-gray4:#646464;
//   --text-gray5:#a4915e;
//   --text-white:#000;
//   --text-white2:#f7f6f6;
//   --text-white3:#f7f7f7;
//   --text-blue:#00aeec;
//   --text-blue2:#6cb0ee;
//   --bgc-white:#000;
//   --bgc-blue:#40c5f1;
//   --bgc-yellow:#ffc533;
//   --bgc-yellow2:#f5d39f;
//   --bgc-yellow3:#ffe9d8;
//   --bgc-black2:#666666;
//   --bgc-green:#f3f9fa;
//   --bgc-gray:#f5f5f5;
//   --bgc-gray2:#fafafa;
//   --bgc-gray3:#fcfcfc;
//   --bgc-gray5:#f2f2f2;
//   --bgc-gray6:#f0f0f0;
//   --bgc-red:#f24c4c;
//   --bgc-red2:#ed6460;
//   --bgc-black:#fff;
//   --border-gray:#000;
// }